<template>
  <div class="app-container">
    <el-table
       :data="tableData"
       style="width: 100%">
       <el-table-column
         label="ID"
         width="180">
         <template slot-scope="scope">
           <span>{{ scope.row.date }}</span>
         </template>
       </el-table-column>
       <el-table-column
         label="姓名"
         width="180">
         <template slot-scope="scope">
           <span>{{ scope.row.name }}</span>
         </template>
       </el-table-column>
       <el-table-column
         label="地址"
         width="250">
         <template slot-scope="scope">
           <span>{{ scope.row.address }}</span>
         </template>
       </el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="primary"
             @click="handleEdit(scope.$index, scope.row)">查看</el-button>
           <el-button
             size="mini"
             type="primary"
             @click="handleDelete(scope.$index, scope.row)">添加</el-button>
           <el-button
             size="mini"
             type="primary"
             @click="handleDelete(scope.$index, scope.row)">上传</el-button>
           <el-button
             size="mini"
             type="primary"
             @click="handleDelete(scope.$index, scope.row)">清空</el-button>
         </template>
       </el-table-column>
     </el-table>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
    data() {
      return {
        tableData: []
      }
    },
    methods: {
      handleEdit(index, row) {
        
      },
      handleDelete(index, row) {
        
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>
